/* Pano2VR Default Embedded Stylsheet */
.ggskin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: normal;
  }
  .ggmarkdown p,.ggmarkdown h1,.ggmarkdown  h2,.ggmarkdown h3,.ggmarkdown h4 {
    margin-top: 0px
  }
  .ggmarkdown {
    white-space:normal
  }

  /* My CSS Classes*/
  .myDDIN {
    font-family: "D-DIN";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }

  .myDDINCondensed {
    font-family: "D-DIN Condensed";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }

  .myDDINExp {
    font-family: "D-DIN Exp";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }

  .myHelvetica {
    font-family: "Helvetica";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }
  
  .myPacifico {
    font-family: "Pacifico";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }
  
  .myEBGaramondo {
    font-family: "EB Garamond";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }
  .myDancingScript {
    font-family: "Dancing Script";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }
  
  .myOswald {
    font-family: "Oswald";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
  }

  .myShadowPulse {
    animation: my-pulse-animation 1.5s infinite;
  }
  
  @keyframes my-pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
  }

  .myShadowPulseBig {
    animation: shadow-pulse 1.5s infinite;
  }
  
  @keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.myShadowPulseHuge {
  animation: shadow-pulse-big 1.5s infinite;
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}

.myVibrate {
  animation: anim-vibrate 1.5s infinite;
}
@keyframes anim-vibrate {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
